* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

body {
  font-family: NotoMedium;
  font-size: 14px;
  min-width: 1010px;
  background-color: #1b2038;
}

.li {
  list-style: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

.text-c {
  text-align: center;
}

.text-r {
  text-align: right;
}

.none {
  display: none;
}

.hidden {
  overflow: hidden;
}

.inline-b {
  display: inline-block;
}

.width20p {
  width: 20%;
}

.width25p {
  width: 25%;
}

.width35p {
  width: 35%;
}

.width48p {
  width: 48%;
}

.width50p {
  width: 50%;
}

.border-b {
  border-bottom: 1px solid #384158;
}

.pointer {
  cursor: pointer;
}

.plr5 {
  padding-left: 5px;
  padding-right: 5px;
}

.pl10 {
  padding-left: 10px;
}

.p20 {
  padding: 20px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb30 {
  padding-bottom: 30px;
}

.pt20 {
  padding-top: 20px;
}

.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ptb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.plr20 {
  padding-left: 20px;
  padding-right: 20px;
}

.plr30 {
  padding-left: 30px;
  padding-right: 30px;
}

.pl20 {
  padding-left: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.ml10 {
  margin-left: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mt20 {
  margin-top: 20px;
}

.ml20 {
  margin-left: 20px;
}

.ml60 {
  margin-left: 60px;
}

.mr20 {
  margin-right: 20px;
}

.mlr20 {
  margin-left: 20px;
  margin-right: 20px;
}

.fs24 {
  font-size: 24px;
}

.fs22 {
  font-size: 22px;
}

.fs20 {
  font-size: 20px;
}

.fs18 {
  font-size: 18px;
}

.y-header {
  position: relative;
  background-color: #353e6a;
  height: 80px;
  line-height: 80px;
}

.y-header .y-logo {
  display: block;
  height: 40px;
  margin: 20px 36px 0 20px;
}

.y-header .y-nav-li {
  float: left;
  margin-right: 24px;
}

.y-header .y-nav-li .y-nav-text {
  font-size: 18px;
  color: #fff;
}

.y-header .y-nav-li.active .y-nav-text {
  color: #eda940;
}

.y-header .y-header-r {
  cursor: pointer;
}

.y-header .y-header-r .left {
  color: #fff;
  text-decoration: none;
  margin-left: 24px;
}

.y-header .y-header-r .y-login-user {
  height: 20px;
  margin-bottom: -4px;
  margin-right: 5px;
}

.y-header .y-header-r .y-login-name {
  color: #fdb43d;
}

.y-header .y-header-r .y-skin {
  cursor: pointer;
  height: 25px;
  margin-top: 28px;
  margin-left: 35px;
}

.y-header .y-header-r .y-filterList .y-replace .y-current.current-height {
  height: 80px;
  line-height: 80px;
}

.y-header .y-header-r .y-filterList .y-replace .y-current:after {
  background: url(../images/icon/login_arrow.png) no-repeat;
}

.y-header .y-header-r .y-filterList .y-replace .y-options {
  margin-top: -15px;
}

.y-header .y-header-r .y-filterList .y-replace .y-options.options-width {
  width: 150px;
  left: -48px;
}

.y-hasLogin {
  position: absolute;
  top: 80px;
  right: 70px;
  width: 300px;
  background-color: #2d3757;
  z-index: 100;
  line-height: normal;
  box-shadow: 2px 2px 10px #252d47;
}

.y-hasLogin .y-property {
  padding: 20px 20px 5px;
  color: white;
  font-size: 18px;
  border-bottom: 1px solid #384158;
}

.y-hasLogin .y-property .y-property-count {
  padding-top: 20px;
  font-size: 36px;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fe8e26), to(#f56724));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fe8e26;
}

.y-hasLogin .y-property .y-unit {
  font-size: 24px;
  padding-left: 5px;
}

.y-hasLogin .y-commission {
  padding: 10px 20px;
  font-size: 18px;
  color: white;
}

.y-hasLogin .y-commission .j-payment-card {
  padding: 0;
}

.y-hasLogin .y-hasLogin-menu-ul li {
  position: relative;
}

.y-hasLogin .y-hasLogin-menu-ul .y-hasLogin-menu {
  position: relative;
  display: block;
  padding: 10px 20px 10px 50px;
  font-size: 18px;
  color: white;
}

.y-hasLogin .y-hasLogin-menu-ul .y-hasLogin-menu.active {
  background-color: #48577d;
}

.y-hasLogin .y-hasLogin-menu-ul .y-hasLogin-menu:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  width: 23px;
  height: 23px;
  margin-top: -12px;
  background-size: cover;
  background-repeat: no-repeat;
}

.y-hasLogin .y-hasLogin-menu-ul .y-hasLogin-menu:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 14px;
  margin-top: -7px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/icon/next.png");
}

.y-hasLogin .y-hasLogin-menu-ul .y-hasLogin-menu.no-next:after {
  background-image: none;
}

.y-hasLogin .y-hasLogin-menu-ul .y-hasLogin-menu.y-hasLogin-menu1:before {
  background-image: url("../images/icon/login-menu1.png");
}

.y-hasLogin .y-hasLogin-menu-ul .y-hasLogin-menu.y-hasLogin-menu2:before {
  background-image: url("../images/icon/login-menu2.png");
}

.y-hasLogin .y-hasLogin-menu-ul .y-hasLogin-menu.y-hasLogin-menu3:before {
  background-image: url("../images/icon/login-menu3.png");
}

.y-hasLogin .y-hasLogin-menu-ul .y-hasLogin-menu.y-hasLogin-menu4:before {
  background-image: url("../images/icon/login-menu4.png");
}

.y-hasLogin .y-hasLogin-menu-ul .y-hasLogin-menu.y-hasLogin-menu5:before {
  background-image: url("../images/icon/login-menu5.png");
}

.y-hasLogin .y-hasLogin-menu-ul .y-hasLogin-menu.y-hasLogin-menu6:before {
  background-image: url("../images/icon/login-menu6.png");
}

.y-hasLogin .y-hasLogin-menu-ul .y-hasLogin-menu.y-hasLogin-menu7:before {
  background-image: url("../images/icon/login-menu7.png");
}

.y-hasLogin .y-hasLogin-menu-ul .y-menu-status {
  position: absolute;
  display: inline-block;
  top: 10px;
  right: 20px;
  font-size: 16px;
  line-height: 28px;
  color: #ea8025;
}

.y-filterList .y-select-box {
  display: none;
}

.y-filterList .y-replace {
  box-sizing: border-box;
  cursor: default;
  overflow: visible;
  position: relative;
  color: #fff;
  z-index: 2;
}

.y-filterList .y-replace .y-current {
  position: relative;
  text-align: left;
  padding-right: 20px;
}

.y-filterList .y-replace .y-current:after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
  content: '';
  width: 13px;
  height: 8px;
}

.y-filterList .y-replace .y-options {
  position: absolute;
  display: none;
  margin-top: 0;
  line-height: 30px;
  padding: 4px 0;
  color: #fff;
  background-color: #2d3757;
  z-index: 1;
  text-align: center;
}

.y-filterList .y-replace .y-options.options-width {
  width: 100%;
}

.y-filterList .y-replace .y-options li {
  cursor: pointer;
  padding: 12px 18px;
}

.y-filterList .y-replace .y-options li:hover {
  background-color: #48577d;
}

.y-main-content {
  margin: 20px;
}

.y-location {
  height: 80px;
  line-height: 80px;
  margin: 20px 0;
  padding: 0 20px;
  background-color: #252d47;
}

.y-location .first-location {
  font-size: 24px;
  color: #fff;
}

.y-location .pre-location {
  font-size: 20px;
  color: #fff;
}

.y-location .on-location {
  font-size: 20px;
  color: #eda940;
}

.y-location .location-ico {
  margin: 34px 15px 0;
}

.y-location .y-explain {
  color: #fff;
}

.y-menu-box {
  width: 300px;
  margin-right: 20px;
  background-color: #252d47;
  overflow: hidden;
}

.y-menu-box .y-menu {
  width: 320px;
}

.y-menu-box .y-menu-li {
  position: relative;
}

.y-menu-box .y-menu-li.active .y-menu-text {
  background-color: #388fcd;
}

.y-menu-box .y-menu-li.active .y-menu-text:before {
  background-color: #fff !important;
}

.y-menu-box .y-menu-li .y-menu-text {
  position: relative;
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  padding: 0 20px 0 60px;
  color: #fff;
}

.y-menu-box .y-menu-li .y-menu-text.has-subMenu:after {
  width: 14px;
  height: 8px;
  margin-top: -4px;
  background: url("../images/icon/subMenu.png") no-repeat;
}

.y-menu-box .y-menu-li .y-menu-text:hover {
  background-color: #388fcd;
}

.y-menu-box .y-menu-li .y-menu-text:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 16px;
  display: inline-block;
  width: 8px;
  height: 14px;
  margin-top: -7px;
  background: url("../images/icon/next.png") no-repeat;
  background-size: cover;
}

.y-menu-box .y-menu-li .y-menu-text:before {
  position: absolute;
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  top: 50%;
  margin-top: -5px;
  left: 40px;
  border-radius: 50%;
}

.y-menu-box .y-menu-li .y-menu-text.menu1:before {
  background-color: #fa6e0a;
}

.y-menu-box .y-menu-li .y-menu-text.menu2:before {
  background-color: #19ceb5;
}

.y-menu-box .y-menu-li .y-menu-text.menu3:before {
  background-color: #9956b5;
}

.y-menu-box .y-menu-li .y-menu-text.menu4:before {
  background-color: #00ccff;
}

.y-menu-box .y-menu-li .y-menu-text.menu5:before {
  background-color: #2ac370;
}

.y-menu-box .y-menu-li .y-menu-text.menu6:before {
  background-color: #1a67b7;
}

.y-menu-box .y-menu-li .y-message {
  position: absolute;
  color: #ea8025;
  font-size: 16px;
  top: 50%;
  right: 30px;
  margin-top: -12px;
}

.y-menu-box .y-subMenu {
  display: none;
  margin: 0 20px;
}

.y-menu-box .y-subMenu .y-subMenu-li {
  margin: 10px 0;
  padding: 10px 0;
  border-radius: 5px;
}

.y-menu-box .y-subMenu .y-subMenu-li.active {
  background-color: #3d4b6a;
}

.y-menu-box .y-subMenu .y-subMenu-li:hover {
  background-color: #3d4b6a;
}

.y-menu-box .y-subMenu .y-subMenu-li .y-subMenu-text {
  display: block;
  font-size: 18px;
  color: #fff;
  padding-left: 45px;
}

.y-content-r {
  display: block;
  margin-left: 320px;
  background-color: #252d47;
}

.y-content-r .y-location-r {
  position: relative;
  height: 40px;
  line-height: 40px;
  padding-left: 34px;
  font-size: 20px;
  color: #fff;
  border-bottom: 1px solid #384158;
}

.y-content-r .y-location-r:before {
  position: absolute;
  content: '';
  display: block;
  width: 4px;
  height: 26px;
  top: 7px;
  left: 20px;
  background-color: #88bcff;
}

.y-content-r .y-filterList .y-replace .y-current:after {
  position: absolute;
  right: 0px;
  margin-top: 0px;
  background: url(../images/icon/tableIco2.png) no-repeat;
}

.y-content-r .y-filterList .y-replace .y-options {
  z-index: 3;
}

.y-content-r .y-filterList .y-replace .y-options.options-width {
  width: 120px;
  left: 50%;
  margin-left: -60px;
}

.y-main-content-r {
  overflow-y: auto;
}

.y-table-th {
  display: table;
  width: 100%;
  padding: 20px 0;
}

.y-table-text {
  line-height: 30px;
  font-size: 16px;
  color: #fff;
}

.y-searchCoins {
  position: relative;
  margin-top: 3px;
  margin-left: 10px;
}

.y-searchCoins .y-search-input {
  display: block;
  width: 80px;
  font-size: 16px;
  padding: 2px 23px 2px 16px;
}

.y-searchCoins .y-searchBar {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -11px;
}

.y-input {
  display: inline-block;
  background-color: transparent;
  border: 1px solid #fff;
  outline: none;
  border-radius: 20px;
  font-size: 18px;
  padding: 2px 23px 2px 16px;
  color: #fff;
}

.y-sortIcon {
  vertical-align: -4px;
}

.trade-ul {
  margin: 0 20px 20px;
}

.trade-ul .trade-li {
  position: relative;
  display: table;
  width: 100%;
  padding: 20px 0;
}

.trade-ul .y-headerName,
.trade-ul .y-buy-headerName {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-top: 3px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 24px;
}

.trade-ul .y-trade-person {
  font-size: 18px;
  color: #fff;
}

.trade-ul .y-trade-code {
  font-size: 18px;
  color: #999;
}

.trade-ul .y-cny-text {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-top: 15px;
  padding: 0 25px;
  font-size: 18px;
  color: #fff;
  background-color: transparent;
  border: 1px solid #384158;
  border-radius: 20px;
  font-family: monospace;
}

.trade-ul .y-trade-price {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-top: 15px;
  padding: 0 25px;
  font-size: 18px;
  color: #f08e3a;
  background-color: #584643;
  border: 1px solid #885736;
  border-radius: 20px;
}

.trade-ul .trade-buy {
  position: absolute;
  top: 0;
  left: -20px;
  width: 100%;
  padding: 20px;
  background-color: #2d3757;
  z-index: 1;
}

.trade-ul .trade-buy .y-trade-limitPrice {
  font-size: 20px;
  color: #fff;
}

.trade-ul .trade-buy .y-price {
  color: #f08e3a;
}

.trade-ul .trade-buy .y-trade-ways {
  margin-top: 55px;
}

.trade-ul .trade-buy .y-trade-way {
  display: inline-block;
  line-height: 40px;
  padding-right: 10px;
  font-size: 18px;
  color: #fff;
}

.trade-ul .trade-buy .y-trade-way img {
  margin-bottom: -12px;
}

.trade-ul .trade-buy .y-trade-data {
  margin-left: 30px;
}

.trade-ul .trade-buy .y-trade-inputBox {
  width: 140px;
  padding: 0 10px;
  background: #242b47;
  border: 1px solid #384158;
  border-radius: 3px;
}

.trade-ul .trade-buy .y-trade-input {
  width: 80px;
  padding: 3px 0;
  height: 32px;
  line-height: 32px;
  border: none;
  background-color: transparent;
}

.trade-ul .trade-buy .y-trade-inputLabel {
  font-size: 16px;
  line-height: 35px;
  color: #999;
}

.trade-ul .trade-buy .y-trade-chageIco {
  margin: 10px 5px;
}

.trade-ul .trade-buy .y-trade-remark {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #fff;
}

.trade-ul .trade-buy .y-trade-btns .y-btn {
  margin-left: 10px;
}

.trade-ul .trade-buy .y-trade-tip {
  position: absolute;
  bottom: 30px;
  right: 40px;
  font-size: 16px;
  color: #fff;
  text-align: right;
}

.y-pop-location {
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 10px 30px 10px 45px;
  font-size: 24px;
  color: #fff;
  border-bottom: 1px solid #384158;
}

.y-pop-location:before {
  position: absolute;
  content: '';
  display: block;
  width: 4px;
  height: 30px;
  top: 18px;
  left: 30px;
  background-color: #148cde;
}

.pop_box .y-popOrder-pay {
  position: relative;
  padding: 10px 30px;
  font-size: 20px;
  border-bottom: 1px solid #384158;
  line-height: 40px;
}

.pop_box .y-popPay-ico {
  width: 40px;
  margin-right: 10px;
  margin-bottom: -11px;
}

.pop_box .y-popPay-nextIco {
  width: 7px;
  margin-top: -2px;
  margin-left: 6px;
}

.pop_box .y-pop-otherPay {
  position: absolute;
  top: 60px;
  left: 20px;
  right: 20px;
  padding: 0 10px 10px;
  background-color: #48577d;
  text-align: left;
}

.pop_box .y-pop-remark {
  font-size: 16px;
  color: #ff561b;
}

.pop_box .y-popData-ico {
  width: 25px;
  margin-top: -7px;
}

.pop_box .text-l {
  text-align: left;
}

.pop_box .y-restTime-ico {
  width: 20px;
}

.pop_box .y-checkbox {
  width: 22px;
}

.pop_box .y-pay-checkobox {
  width: 22px;
  display: none;
}

.pop_box .y-checkbox {
  display: inline-block;
  width: 22px;
  height: 25px;
  margin: 0 10px -4px 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.pop_box .y-checkbox.none {
  display: none;
}

.pop_box .y-check {
  background-image: url("../images/icon/select.png");
}

.pop_box .y-checked {
  background-image: url("../images/icon/select_active.png");
}

.pop_box .y-option-ico {
  width: 35px;
  margin-right: 8px;
  margin-bottom: -11px;
}

.pop_box .y-pop-filterList {
  padding: 20px 20px 60px;
  text-align: left;
  font-size: 20px;
  border-bottom: 1px solid #384158;
}

.pop_box .y-pop-filterList .y-replace {
  background-color: #242b47;
  border-radius: 4px;
  padding: 0 20px;
  border: 1px solid #384158;
}

.pop_box .y-pop-filterList .y-replace .options-width {
  text-align: left;
  left: 0;
}

.pop_box .y-pop-filterList .y-replace .y-current.current-height {
  height: 50px;
  line-height: 50px;
}

.pop_box .y-pop-filterList .y-replace .y-current:after {
  background: url(../images/icon/login_arrow.png) no-repeat;
}

.pop_box .y-pop-input-box {
  background-color: #242b47;
  border-radius: 4px;
  padding: 0 20px;
  margin: 0 20px 50px;
  border: 1px solid #384158;
}

.pop_box .y-pop-input-box.y-pop-link-input {
  margin: 0;
}

.pop_box .y-pop-input-box.y-pop-link-input .y-pop-input {
  font-size: 18px;
}

.pop_box .y-pop-input-box .y-pop-input {
  height: 50px;
  line-height: 50px;
  width: 100%;
  padding: 0;
  font-size: 20px;
  border: none;
}

.pop_box .y-pop-textarea-box {
  background-color: #242b47;
  border-radius: 4px;
  padding: 20px;
  border: 1px solid #384158;
}

.pop_box .y-pop-textarea-box .y-pop-textarea {
  height: 60px;
  line-height: 25px;
  width: 100%;
  padding: 0;
  font-size: 18px;
  border: none;
  resize: none;
  border-radius: 0;
}

.pop_box .y-pop-receiptTips {
  font-size: 16px;
  color: #999;
}

.y-table {
  width: 100%;
  border-collapse: collapse;
}

.y-table th {
  padding: 10px 0;
  text-align: center;
}

.y-table .y-table-head th {
  border-bottom: 1px solid #384158;
}

.y-table .y-table-body tr td:first-child {
  padding-left: 20px;
}

.y-table .y-table-body tr td:last-child {
  padding-right: 20px;
}

.y-table .y-table-body .y-div-td {
  padding: 20px 0;
  text-align: center;
  font-size: 20px;
  color: #fff;
  border-bottom: 1px solid #384158;
}

.y-table .y-table-body .y-div-td.y-order-color {
  color: #88bcff;
}

.y-table .y-table-body .y-dot {
  position: relative;
}

.y-table .y-table-body .y-dot:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -18px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-radius: 50%;
}

.y-table .y-table-body .y-dot.y-green-dot:before {
  background-color: #22ac38;
}

.y-table .y-table-body .y-dot.y-red-dot:before {
  background-color: #e94323;
}

.y-table .y-table-body .y-td-status {
  position: relative;
  display: inline-block;
  padding-left: 35px;
}

.y-table .y-table-body .y-td-status:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-size: cover;
  background-repeat: no-repeat;
}

.y-table .y-table-body .y-appeal:before {
  background-image: url("../images/icon/appealIco.png");
}

.y-table .y-table-body .y-on-way:before {
  background-image: url("../images/icon/onWayIco.png");
}

.y-table .y-table-body .y-finish:before {
  background-image: url("../images/icon/finishIco.png");
}

.y-table .y-table-body .y-undo:before {
  background-image: url("../images/icon/undoIco.png");
}

.y-table .y-table-body .y-cancel:before {
  background-image: url("../images/icon/cancelIco.png");
}

.y-orderDes-head {
  font-size: 20px;
  padding: 20px 0;
  color: #fff;
}

.y-orderDes-head .y-order-status {
  font-size: 24px;
  color: #fff;
}

.y-orderDes-head .y-orderStatus-img {
  width: 35px;
  margin-bottom: -8px;
  margin-right: 5px;
}

.y-orderDes-head .y-order-note {
  display: inline-block;
  font-size: 20px;
  color: #fff;
}

.y-orderDes-body {
  line-height: 22px;
  font-size: 18px;
  color: #fff;
  border-top: 1px solid #384158;
}

.y-orderDes-body .y-orderDes-type.fs22 {
  font-size: 22px;
}

.y-orderDes-body .y-orderDes-data {
  padding: 20px 0;
}

.y-detail-title {
  padding: 20px 0;
  margin: 0 20px;
  font-size: 30px;
  color: #fff;
  border-bottom: 1px solid #384158;
}

.y-detail-info {
  padding: 20px 0;
  margin: 0 20px;
  font-size: 16px;
  color: #999;
}

.y-detail-content {
  margin: 0 40px 0 20px;
  font-size: 18px;
  color: #fff;
  line-height: 40px;
}

.y-detail-content img {
  display: block;
  max-width: 100%;
}

.y-detail-content.mt20 {
  margin-top: 20px;
}

.y-problem-box {
  margin-left: 2%;
}

.y-problem {
  width: 32%;
  padding-top: 10px;
}

.y-problem-li {
  font-size: 20px;
  margin: 0 30px;
  padding: 20px 0;
  color: #fff;
  border-bottom: 1px solid #384158;
}

.y-no-open {
  margin-top: 200px;
  font-size: 48px;
  color: #44506c;
  text-align: center;
}

.y-active-searchBox.y-searchCoins {
  margin-top: 7px;
  margin-right: 20px;
}

.y-active-searchBox.y-searchCoins .y-search-input {
  padding: 3px 15px;
  width: 150px;
}

.y-active-slide {
  position: relative;
  margin: 20px 40px 0 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #384158;
}

.y-active-slide .y_disvisible {
  visibility: hidden;
  z-index: -1;
}

.y-active-slide .y-j_slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.y-active-slide .y-active-imgBox {
  position: relative;
  width: 90%;
  overflow: hidden;
  margin: 0 auto;
  background-color: #3d4b6a;
}

.y-active-slide .y-active-imgBox img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}

.y-active-slide .y-slide-pages {
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -33px;
}

.y-active-slide .y-slide-pages .y-slide-page {
  display: block;
  width: 6px;
  height: 30px;
  border-radius: 20px;
  background-color: #4e5f86;
  cursor: pointer;
}

.y-active-slide .y-slide-pages .y-slide-page.y-next-slide {
  margin-top: 6px;
}

.y-active-slide .y-slide-pages .y-slide-page.y-slide-on {
  background-color: #6176a8;
}

.y-active-ul {
  margin: 0 30px;
}

.y-active-ul .y-active-li {
  padding: 20px 0;
  border-bottom: 1px solid #384158;
}

.y-active-ul .y-active-li .y-active-link {
  display: block;
}

.y-active-ul .y-active-li .y-active-link .y-active-text {
  color: #fff;
  font-size: 20px;
}

.y-active-ul .y-active-li .y-active-link .y-active-time {
  position: relative;
  color: #999;
  font-size: 18px;
  padding-right: 30px;
}

.y-active-ul .y-active-li .y-active-link .y-active-time:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9px;
  width: 24px;
  height: 18px;
  background: url("../images/icon/go.png") no-repeat;
  background-size: contain;
}

.y-page {
  width: 700px;
  margin: 0 auto;
  padding: 30px 0;
}

.y-page .page-contain {
  float: none !important;
}

.y-page .pre-next,
.y-page .current,
.y-page .hiding,
.y-page .tcdNumber,
.y-page input {
  position: relative;
  background-color: transparent !important;
  border-radius: 5px;
  border: 1px solid #384158 !important;
  width: 35px !important;
  height: 35px !important;
  line-height: 35px !important;
  margin: 0 5px 0 0 !important;
  padding: 0 !important;
  color: #999;
  text-align: center;
}

.y-page .current {
  color: #fff !important;
  background-color: #3d4b6a;
}

.y-page .hiding {
  border: none !important;
}

.y-page .pre-next {
  text-indent: -10000px;
}

.y-page .pre-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -4px;
  width: 8px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: contain;
}

.y-page .pre-next.y-pre:before {
  background-image: url("../images/icon/pre-page.png");
}

.y-page .pre-next.y-next:before {
  background-image: url("../images/icon/next-page.png");
}

.y-page .countYe {
  margin-left: 40px !important;
  line-height: 40px;
}

.y-page .turndown {
  width: auto !important;
  padding: 10px 30px;
  margin-left: 30px !important;
  color: #fff !important;
  background-color: #3d4b6a;
  border-radius: 5px;
  border: 1px solid #384158 !important;
}

.y-rebate-top {
  position: relative;
}

.y-rebate-top .y-header {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 80px;
  width: 100%;
  background-color: transparent;
}

.y-rebate-top .y-banner {
  display: block;
  width: 100%;
}

.y-rebate-top .y-rebate-title {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -50px;
  width: 100%;
  text-align: center;
  color: #fff;
}

.y-rebate-top .y-rebate-title .fs42 {
  font-size: 40px;
}

.y-rebate-top .y-rebate-title .fs48 {
  font-size: 46px;
}

.y-rebate-content .y-menu {
  width: 320px !important;
}

.y-rebate-content .y-rebate-step {
  margin: 0 30px;
  font-size: 18px;
  color: #fff;
  line-height: 50px;
  padding: 65px 0;
  border-bottom: 1px solid #384158;
}

.y-rebate-content .y-rebate-step .y-step-img {
  display: inline-block;
  width: 70%;
}

.y-rebate-content .y-invite-box {
  margin: 30px;
}

.y-rebate-content .y-invite-box .y-invite-code {
  width: 60%;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  border-right: 1px solid #384158;
}

.y-rebate-content .y-invite-box .y-invite-data {
  width: 40%;
  padding: 0 2%;
  margin-right: 5%;
  font-size: 20px;
  height: 30px;
  line-height: 30px;
  color: #9cc1f5;
  border: 1px solid #384158;
  background-color: transparent;
}

.y-rebate-content .y-invited-box {
  font-size: 26px;
  width: 35%;
}

.y-rebate-content .y-invited-box .y-invited-remark {
  margin-top: 15px;
  font-size: 18px;
  color: #fff;
}

.y-rebate-content .y-invited-box img {
  height: 35px;
  margin-bottom: -10px;
  margin-right: 5px;
}

.y-rebate-content .y-invite-person {
  color: #88bcff;
}

.y-rebate-content .y-invite-reward {
  color: #ea8025;
}

.y-rebate-content .y-invite-des {
  font-size: 18px;
  padding-right: 30px;
}

.y-price,
.y-tips-text {
  color: #f08e3a;
}

.y-btn {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 25px;
  font-size: 18px;
  border: none;
  border-radius: 20px;
  outline: none;
  box-sizing: border-box;
}

.y-btn.y-plain-btn {
  border-radius: 4px;
}

.y-btn.y-small-btn {
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  padding: 0 20px;
}

.y-btn.y-md-btn, .y-btn.y-lg-btn {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
}

.y-btn.y-md-btn {
  min-width: 200px;
}

.y-btn.y-lg-btn {
  width: 100%;
}

.y-primary-btn {
  color: #fff;
  background-color: #388fcd;
}

.y-orange-btn {
  color: #fff;
  background-color: #d16318;
}

.y-orderAppeal-btn {
  color: #fff;
  background-color: #f08e3a;
}

.y-lilace-btn {
  color: #fff;
  background-color: #88bcff;
}

.y-popCancel-btn {
  color: #fff;
  background-color: #556c88;
}

.y-popReturn-btn {
  color: #fff;
  background-color: #556c88;
}

.y-transparent-btn {
  color: #575f79;
  background-color: transparent;
  border: 1px solid #575f79;
}
